<div class="f-bread-nav clearfix text-overflow">
    <div class="f-bread-li" >
        <a href="" ng-click="searchMain(cate.seCategory,'top')" >论文资料</a>
        <i ng-show="cate.secCategory.scName" >&#62</i>
    </div>
    <div class="f-bread-li">
        <a ng-bind="cate.secCategory.scName" ng-click="searchMain(cate.secCategory,'sec')"></a>
        <i ng-show="cate.detailCategory.dcName" >&#62</i>
    </div>
    <div class="f-bread-li">
        <a ng-bind="cate.detailCategory.dcName" ng-click="searchMain(cate.detailCategory,'detail')"></a>
        <i ng-show="draws.name" >&#62</i>
    </div>
    <div class="f-bread-li ">
        {{draws.name}}
    </div>
</div>
<!--图纸详情-->
<div class="f-draw-container">
    <div class="f-draw-title-container">
        <p class="f-draw-title-content"  ng-bind="draws.name"></p>
        <div class="f-draw-title-des clearfix">
            <a><span class="f-draw-des-label" ng-bind="i18n.fileSize"></span> <span>{{draws.size|number:0}}KB</span></a>
            <a><span class="f-draw-des-label  " ng-bind="i18n.totalDowns"></span> <span ng-bind="draws.downloadCount"></span><span>次</span></a>
        </div>
        <div class="f-title-label clearfix">
            <a href="" class="text-overflow" ng-repeat="item in draws.labelList" title="{{item.labelName}}" ng-show="item.labelName |isShowLab" ng-style="$index|getLabelStyle" ng-click="jumpToSearchPage(item.labelName)">{{item.labelName}}</a>
        </div>
    </div>
    <!--<div class="f-draw-pdf-container" dir-media>-->
        <!--<a class="media" href="resources/pdf/webguifan.pdf"></a>-->
    <!--</div>-->
    <!--<div class="f-draw-pdf-container" dir-media  prev-src="draws.file" ng-if="draws.file">-->

    <!--&lt;!&ndash;<iframe  class="f-draw-pdf-container"  src="http://192.168.0.31:8080/dcs.web/zipview.html?2017/02/10/MTcwMjEwMTA5MTA5NzU0" frameborder="0"  ng-if="draws.file"></iframe>&ndash;&gt;-->
      <!--&lt;!&ndash;<div class="f-draw-pdf-container"  ng-if="draws.file">&ndash;&gt;-->
        <!--&lt;!&ndash;<a class="media" ng-href="{{draws.file}}"></a>&ndash;&gt;-->
    <!--</div>-->
    <div class="previewContent" style="overflow-y: auto;position: relative;" >
        <!--<p class="page"><input type="number" id="pageNum" max="{{getPreview}}" min="0">/<span class="pageCount">{{getPreview}}</span></p>-->
        <div class="f-draw-pdf-container" id="page" ng-if="getPreviewList" style="overflow-y: auto;" scroll-set show-dialog="dialogModel.isShow">
            <img style="width:100%;" ng-repeat="item in getPreviewList" ng-src="{{item}}" alt="" style="display: block">
            <ui-dialog  dialog-conf="dialogModel" ng-if="!userLoginInfo.logged"></ui-dialog>
        </div>
        <div class="f-draw-pdf-container" id="page" ng-if="!getPreviewList" style="overflow-y: auto;" >
            <img style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)" src="them/images/compImages/logo_lazy.gif" style="display: block">
        </div>
    </div>
    <!--这个地方后台返回html 片段 暂时不管-->
    <div class="f-draw-content-box">
        <div class="f-draw-content-title">基本信息</div>
        <div class="f-draw-content-item clearfix">
            <div class="f-l">作者</div>
            <div class="f-r">{{draws.author}}</div>
        </div>
        <div class="f-draw-content-item clearfix">
            <div class="f-l">摘要</div>
            <div class="f-r" ng-bind-html="draws.introduction"></div>
        </div>
        <div class="f-draw-content-item clearfix">
            <div class="f-l">出版源</div>
            <div class="f-r color-blue">{{draws.source}}</div>
        </div>
        <!--<div class="f-draw-content-item clearfix">-->
            <!--<div class="f-l">关键词</div>-->
            <!--<div class="f-r color-blue">这里是关键词</div>-->
        <!--</div>-->
    </div>
    <div class="f-draw-content-item" style="height:110px;width:690px;padding-left:20px;border:1px solid #ddd">
        <div class="f-draw-download-middle " style="text-align: left">
            <a href=""><span ng-bind="i18n.downloadNeed"></span><span ng-bind="draws.price"></span><span ng-bind="i18n.integral"></span></a>
            <a  class="f-cancel-a-decoration color-blue"  target="_blank"   href="http://www.gongchengjie.cn/#/footerCtrl/helpDetailCtrl?helpId=2&helpDetailId=2" ng-bind="i18n.howToGetIntegral"></a>
        </div>
        <div style="margin-top:15px;">
            <div style="float:left;">
                <img style="cursor: pointer" src="them/images/compImages/library_download.png" alt="" ng-click="downloadThesis()"/>
            </div>
                <div style="float:left;width: 140px;margin-left:20px;height: 30px;padding-top: 10px;"  ng-class="{true:'addColor2',false:'notAddColor2'}[isCollected]" ng-click="updateCollection()" ng-bind="collectionTitle"></div>


        </div>
    </div>
    <div class="f-draw-content-box">
        <div class="f-draw-content-title">参考文献</div>
        <div class="f-draw-content-item text-overflow" ng-repeat="item in draws.reference track by $index" >
           {{item}}
        </div>
    </div>
    <!--todo-->
    <!--<div class="f-draw-content-container">-->
        <!--<p class="f-draw-content-title"  ng-bind="draw.content.title"></p>-->
        <!--<p class="f-draw-content-des" ng-bind="content"></p>-->
    <!--</div>-->
    <!--<div class="f-draw-download-container">-->
        <!--<div class="f-draw-download-top">-->
            <!--<a href=""><span ng-bind="i18n.fileType"></span><span><i><img ng-src="{{draws.typeId | getIconSmall}}" alt="" /></i>{{draws.type.typeName}}</span></a>-->
            <!--<a href=""><span ng-bind="i18n.uploadTime"></span><span ng-bind="draws.uploadTime"></span></a>-->
        <!--</div>-->
        <!--<div class="f-draw-download-middle">-->
            <!--<a href=""><span ng-bind="i18n.downloadNeed"></span><span ng-bind="draws.price"></span><span ng-bind="i18n.integral"></span></a>-->
            <!--<a  class="f-cancel-a-decoration"  target="_blank"   href="http://www.gongchengjie.cn/#/footerCtrl/helpDetailCtrl?helpId=2&helpDetailId=2" ng-bind="i18n.howToGetIntegral"></a>-->
        <!--</div>-->
        <!--<div class="f-draw-download-under">-->
            <!--<a ng-click="downloadThesis()"></a>-->
        <!--</div>-->
    <!--</div>-->
</div>
<style>

    /*
    新增基本信息样式设定
    */
    .f-draw-content-title{
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        border-bottom: 2px solid #ddd;
        margin-bottom: 15px;
    }
    .f-draw-content-box{
        width: 710px;
        padding-bottom: 20px;
        margin-top: 15px;

    }
    .f-draw-content-item{
        width:100%;
        margin-bottom: 10px;

    }
    .f-l{
        float:left;
        width: 50px;
        margin-right: 10px;
        font-weight: bold;
    }
    .f-r{
        float:left;
    }
    .color-blue{
        color:#00A4FF
    }
    .notAddColor2 {
        color: #a8a8a8;
        background: url(them/images/compImages/love.png) 40px 10px no-repeat;
        cursor: pointer;
    }
    .addColor2 {
        color: #30a3ff;
        background: url(them/images/compImages/love-red.png) 40px 10px no-repeat;
        cursor: pointer;
    }

    /****************/
    .page{
        position: absolute;
        bottom:10px;
        right:70px;
        width:52px;
    }
    #pageNum{
        width: 20px;
        height:16px;
        font-size: 12px;
        line-height: 16px;
        float: left;
        margin-right: 5px;
        border: 0;
        border-bottom: 1px solid #000;
        outline:none;
        background: none;
        padding-left: 2px;
    }
    .pageCount{
        float: right;
        margin-left: 5px;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button{
        -webkit-appearance: none !important;
    }
    input[type="number"]{
        -moz-appearance:textfield;
    }
</style>


